<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="author" content="PR" />
<meta name="copyright" content="广州炫明信息科技有限公司" />
<meta name="keywords" content="炫明支付代办" />
<meta name="description" content="广州炫明信息科技有限公司，支付代办" />
<title>广州炫明信息科技有限公司</title>
<link rel="stylesheet" media="screen" href="../../css/public.css" />
<link rel="stylesheet" media="screen" href="../../css/style.css" />
<script src="../../js/jquery-1.12.0.min.js"></script>
<script src="../../js/index.js"></script>
</head>
<body class="background-e9">
<!--顶部-->
<header class="header">
	<a class="back" href="javascript:history.go(-1);" title="返回上一页"></a>
	<h1>代办微信支付</h1>
</header>
<!--主体-->
<article class="mine-contains basicinfo">
	<section class="process">
		<ul class="process-ul clearfix">
			<li class="step1 on">
				<span><em>基本信息</em></span>
			</li>
			<li class="step2">
				<i></i><span><em>商户信息</em></span>
			</li>
			<li class="step3">
				<i></i><span><em>结算账户</em></span>
			</li>
			<li class="step4">
				<i></i><span><em>确认提交</em></span>
			</li>
		</ul>
	</section>
	<section class="data-cont contact-data">
		<h2>联系信息</h2>
		<ul class="data-list">
			<li class="flex-box flex-center">
				<span>联系人姓名</span><input class="contact flex-item-1" type="text" placeholder="请填写贵公司微信支付业务联系人"/>
			</li>
			<li class="flex-box flex-center">
				<span>手机号码</span><input class="phonenum flex-item-1" type="tel" placeholder="将接收微信支付管理重要信息"/><input class="getverify-code" type="button" value="获取验证码"/>
			</li>
			<li class="flex-box flex-center">
				<span>短信验证码</span><input class="verifycode flex-item-1" type="text" placeholder="请输入六位数字手机短信验证码"/>
			</li>
			<li class="flex-box flex-center">
				<span>常用邮箱</span><input class="password flex-item-1" type="password" placeholder="用于接收微信支付的账号密码"/>
			</li>
		</ul>
	</section>
	<section class="data-cont app-data">
		<h2>APP应用信息</h2>
		<ul class="data-list">
			<li class="flex-box flex-center">
				<span>app下载地址</span><input class="contact flex-item-1" type="text" placeholder="该名称将在支付完成页面向消费者进行展示"/>
			</li>
			<li class="flex-box">
				<span>app页面截图</span>
				<div class="flex-item-1 img-list clearfix">
					<div class="upload-img flex-box flex-vercenter"><img/><span>APP首页</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span>APP版权信息业</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span>APP商品展示页</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span>APP首页</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span>APP支付方式页</span></div>
				</div>
			</li>
		</ul>
	</section>
	<section class="business-data">
		<h2>经营信息</h2>
		<ul class="data-list">
			<li class="flex-box flex-center">
				<span>商品简称</span><input class="product flex-item-1" type="text" placeholder="请输入内容"/>
			</li>
			<li class="flex-box flex-center">
				<span>经营类目</span>
				<div class="flex-item-1">
					<div class="select-box selw-half clearfix">
						<select class="select">
							<option value="请选择">请选择</option>
							<option value="电商">电商</option>
							<option value="游戏">游戏</option>
						</select>
					</div>
				</div>
			</li>
			<li class="flex-box ">
				<span>售卖商品描述</span><textarea rows="4" maxlength="70" class="product-description flex-item-1" placeholder="请输入内容"></textarea>
			</li>
			<li class="flex-box flex-center">
				<span>客服电话</span><input class="customer-num flex-item-1" type="password" placeholder="审核人员会对电话进行回拨确认"/>
			</li>
			<li class="flex-box flex-center">
				<span>公司电话</span><input class="company-num flex-item-1" type="password" placeholder="请输入内容"/>
			</li>
		</ul>
	</section>
	<footer class="footter flex-box flex-center">
		<div class="flex-item-1">
			<input type="button" class="nextstep" value="下一步"/>
		</div>
	</footer>
</article>
<script>
$(function() {
	//验证码定时
	$(".getverify-code").click(function() {
		var vcTime = 60;
		$(this).attr("disabled", true).val("重新获取(" + vcTime + ")");
		var vcFunction = setInterval(vcCountdown, 1000);
		/*倒计时*/
		function vcCountdown() {
			vcTime--;
			$(".getverify-code").val("重新获取(" + vcTime + ")");
			if (vcTime < 0) {
				$(".getverify-code").attr("disabled", false).val("获取验证码");
				clearInterval(vcFunction);
				vcTime = 30;
				return;
			}
		}
	});
	//下一步
	$(".nextstep").click(function(){
		window.location.href = "/xuanmingpayagency/html/wechat/we-merchant.html";
	});
});
</script>
</body>
</html>